<template>
	<view :class="'layout-empty-container ' + wrapClass">
		<r-image src="/static/default/default-empty-ico.png" class="layout-empty-icon"/>
		<view v-show="emptyTitle" class="layout-empty-title">{{emptyTitle}}</view>
		<view v-show="emptySubTitle" class="layout-empty-subTitle">{{emptySubTitle}}</view>
	</view>
</template>

<script>
	export default {
        name: 'r-empty',
		props: {
			wrapClass: {
				type: String,
				default: ''
			},
			emptyTitle: {
				type: String,
				default: "暂无数据"
			},
			emptySubTitle: {
				type: String,
				default: ""
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import './index.scss';
</style>
